<template>
    <div class="formBox">
    <t-form :model="searchData">
        <t-row>
            <t-col>
                <t-form-item label="护理项目名称：" name="name" initial-data="TDesign">
                    <t-input placeholder="请输入内容" v-model="searchData.name" clearable @clear="handleClear('name')"/>
                </t-form-item>
            </t-col>
            <t-col>
                <t-form-item label="状态：" name="status" initial-data="123456">
                    <t-select placeholder="请输入内容" v-model="searchData.status" clearable @clear="handleClear('status')">
                        <t-option v-for="(item,index) in statusData" :key="index" :label="item.value" :value="item.id" />
                        
                    </t-select>
                </t-form-item>
            </t-col>

            <t-col class="searchBtn">
                <button type="button" class="bt-grey wt-60" @click="handleReset()">重置</button>
                <button type="button" class="bt wt-60" @click="handleSearch()">搜索</button>
            </t-col>
        </t-row>

    </t-form>
    </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { statusData } from '@/utils/commonData'

//接收父组件属性
const props = defineProps({
    searchData:{
        type:Object,
        default:()=>({})
    }
})

//父组件方法定义
const emits = defineEmits(['handleSearch','handleReset','handleClear'])
//搜索方法
const handleSearch = ()=>{
    emits('handleSearch');
}
//重置方法
const handleReset = ()=>{
    emits('handleReset');
}
//清除查询条件方法
const handleClear = (val)=>{
    emits('handleClear',val);
}

</script>
